<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta content="" name="Keywords">
<meta content="" name="Description">
<title>标题</title>
<meta name="format-detection" content="telephone=no">
<link href="./css/style.css" rel="stylesheet" />
<script>
(function (win, doc) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
setFontSize = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, setFontSize, false);
doc.addEventListener('DOMContentLoaded', setFontSize, false);
if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
        win.addEventListener(resizeEvt, function () {
            clearTimeout(timer);
            timer = setTimeout(setFontSize, 300);
        }, false);
        win.addEventListener("pageshow", function(e) {
            if (e.persisted) {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }
        }, false);
        setFontSize();
    } 

})(window,document);
</script>

</head>
<body>
  <div class="main">
    <h1 class="logo"><img src="images/logo.png" alt=""></h1>
    <div class="intro">
      <img src="images/info_img.png" alt="">
    </div>
    <form action="" class="form_info">
       <div class="line flex-row">
         <label for="">姓&emsp;名</label>
         <div class="flex-1">
           <input type="text" class="uname" maxlength="12">
         </div>
       </div>
       <div class="line">
         <div class="w50">
           <label for="">省&emsp;份</label>
           <select name="" id="provice">
           <option value="">请选择</option>
           <option value="">山东</option>
           <option value="">山东</option>
           </select>
         </div>
         <div class="w50">
           <label for="">城&emsp;市</label>
           <select name="" id="city"><option value="">请选择</option></select>
         </div>
       </div>
       <div class="line flex-row">
         <label for="">手&emsp;机</label>
         <div class="flex-1">
           <input type="tel" class="phone" maxlength="11">
         </div>
       </div>
       <div class="line flex-row">
         <label for="">验证码</label>
         <div class="flex-1"> 
          <input type="text" class="yzm" maxlength="10">
         </div>
         <a href="javascript:;" class="sendYzm">发送验证码</a>
       </div>
       <div class="line last">
         <div class="w50">
           <label for="">品&emsp;牌</label>
           <select name="" id="carBrand"><option value="">请选择</option></select>
         </div>
         <div class="w50">
           <label for="">车&emsp;型</label>
           <select name="" id="carType"><option value="">请选择</option></select>
         </div>
       </div>
       <button class="submit_btn"></button>
    </form>
    <div class="timeTips tc"><img src="images/time_img.png" alt=""></div>
    <div class="pr">
      <a href="javascript:;" class="detail_btn">
       <img src="images/detail_btn.png"  alt="">
       </a>
      <div class="code oh">
         <img src="images/codeTxt.png" alt="">
       </div>
    </div>
    

    

  </div>
  <div class="mask"></div>
  <div class="sucessTip tips"></div>
  <div class="failTip tips"></div>
  <div class="rules">
    <a href="javascript:;" class="close_btn"></a>
    <div class="_con">
      <h3>优惠券领取和使用说明:</h3>
      <div class="_txt">
        1、填写表单信息，领取优惠券，每个手机号限领取1次。<br><br>
2、优惠券限购买佳通轮胎冬季胎系列产品2条及以上，优惠100元，每车限使用1张。券码不得转让，限领券时登记的品牌车型使用。<br><br>
3、使用时间即日起至2016年12月31日。法定节假日除外，逾期自动失效。<br><br>
4，使用门店：佳通轮胎指定门店，具体服务店面查询：http://giti.com/c，<br><br>
5，使用方式：凭优惠券短信通知或微信通知兑换到店兑换。兑换前，建议与店面预约确认兑换时间、轮胎规格尺寸。<br><br>
6，各种优惠券活动不能叠加使用，如有疑问，可咨询佳通售后服务热线：<br><a href="tel:400-636-6678">400-636-6678。</a><br><br>
      </div>
      <div class="bz">＊本活动最终解释权归佳通轮胎所有＊</div>
    </div>
  </div>
 <script src="./js/zepto.min.js"></script>
 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script> 
  /*判断页面高度是否小于440*/
  var H=document.documentElement.clientHeight;
  if(H<440){
    $('.main').addClass('iphone4');
  }

  var $mask=$('.mask');
  //申领成功
  var showSucess=function(){
    $('.sucessTip').show();
    $mask.show();
  }
  //申领失败
  var showFail=function(){
    $('.failTip').show();
    $mask.show();
  }
  //弹出活动详情
  var showRules=function(){
    $('.rules').show();
    $mask.show();
  }
  $('.detail_btn').on('click',function(){
    showRules();
  })
  //活动详情关闭按钮
  $('.close_btn').on('click',function(){
    $(this).parent().hide();
    $mask.hide();
  })
  //TIPS 关闭按钮
  $('.tips').on('click',function(){
    $(this).hide();
    $mask.hide();
  })
  //提交按钮
 /* $('.submit_btn').on('click',function(e){
    e.preventDefault();
    showFail();
  })*/

//微信分享
  wx.config({
  debug:  false,  //调式模式，设置为ture后会直接在网页上弹出调试信息，用于排查问题
  appId: 'wxc1d0d4cb749b082b', // 必填，公众号的唯一标识
  timestamp: '056fc437e6af9383d2094cb0588dc611',  // 必填，生成签名的时间戳
  nonceStr: '<?php echo $signPackage["nonceStr"];?>', // 必填，生成签名的随机串
  signature: '<?php echo $signPackage["signature"];?>', // 必填，签名
  jsApiList: [  //需要使用的网页服务接口
  'checkJsApi',  //判断当前客户端版本是否支持指定JS接口
  'onMenuShareTimeline', //分享给好友
  'onMenuShareAppMessage', //分享到朋友圈
  ]
});
wx.ready(function () {
  wx.onMenuShareTimeline({
    title: "！", // 分享标题
    link: "http://www.prsr.com.cn/weixin/campaigns/1510/",
    imgUrl: "images/sharepic.jpg", // 分享图标
    success: function () {
     // ga('send','event','winterfunny','click','winterfunny_ShareToCircle');
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
  wx.onMenuShareAppMessage({
    title: "分享标题 ", // 分享标题
    desc: "分享描述", // 分享描述
    link: "http://www.baidu.com", // 分享链接
    imgUrl: "images/sharepic.jpg", // 分享图标
    type: '', // 分享类型,music、video或link，不填默认为link
    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    success: function () { 
      // 用户确认分享后执行的回调函数
     // ga('send', 'event', 'winterfunny', 'click', 'winterfunny_ShareToFriend');
    },
    cancel: function () { 
      // 用户取消分享后执行的回调函数
    }
  });
});
  </script>
</body>
</html>
